<template>
    <div class="brand_box">
        <ul>
            <li class="" v-for="item in brandList" :key="item.id">
                <img :src="item.pic_url" alt="" />
                <h4>{{ item.name }}</h4>
                <p>{{ item.floor_price | moneyFlrmat }}</p>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    data() {
        return {
            msg: 123,
            brandList: [],
        };
    },
    mounted() {
        // console.log(11,$parent);
        this.brandList = this.$parent.brandList;
        // console.log(22,this.brandList);
    }
}
</script>

<style scoped lang='less'>
.brand_box {
    ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    li {
        width: 49%;
        position: relative;
        img {
        width: 100%;
        display: block;
        }
        h4 {
        font-size: 17px;
        position: absolute;
        left: 3px;
        top: 20px;
        }
        p {
        font-size: 15px;
        position: absolute;
        left: 3px;
        top: 40px;
        color: red;
        }
        }
    }
}
</style>
